<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>政策文件内容</title>
	<link rel="stylesheet" type="text/css" href="__STATIC__/pc/css/setdiv.css">
	<script src="__STATIC__/admin/js/jquery.js"></script>
</head>
<style type="text/css">
	body{
		font-size: 12px;
		margin: 0;
		padding: 0;
	}
	.nav{
		display:flex;
		-webkit-display:flex;
		justify-content: space-between;
		background: #00B1D7;
		height: 78px;
		font-size: 20px;
		line-height: 78px;
		overflow: hidden;
		color: #fff;
		padding: 0 40px;
	}
	.pic{
		text-align: center;
		height: 328px;
    	overflow: hidden;
	}
	.pic img{
		height: 350px;
	}
	.lianjie{
		margin-left: 34px;
		font-size: 18px;
		color: #7B7B7B;
		margin-top: 14px;
	}
	.lists{
		width: calc(100% - 70px);
		margin: 0 auto;
		font-size: 18px;
	}
	.title1{
		text-align: center;font-size: 18px;
		margin-top: 60px;
	}
	.content{
		width: calc(100% - 80px);
		margin:  0 auto;
		font-size: 16px;
		line-height: 45px;
		margin-top: 50px;
		color: #383838;
	}
	.phone{
		font-size: 16px;
		margin-top: 100px;
		color: #383838;
	}
	.name,.time{
		font-size: 16px;
		color: #383838;
		margin-left: 85%;
	}
	.fujian{
		font-size: 20px;
		padding-left: 40px;
		margin-top: 100px;
	}
	.btn1,.btn2{
		width: 81px;
		height: 33px;
		border-radius: 16.5px;
		line-height: 33px;
		overflow: hidden;
		color: #fff;
		text-align: center;
		display: inline-block;
		margin-left: 30px;
		position: relative;
		top: 6px;
	}
	.btn1{
		background: #FF8610;
	}
	.btn2{
		background: #0EC0D5;
	}
	.back{
		float: right;
		font-size: 24px;
		background: #07A5C7;
		color: #fff;
		width: 157px;
		height: 51px;
		text-align: center;
		overflow: hidden;
		line-height: 51px;
		margin-right: 40px;
		border-radius: 10px;
		margin-top: 100px;
	}
	table{
		border:1px solid #0EC0D5;
		border-radius: 20px;
		border-collapse:collapse;
		margin-top: 45px;
	}
	thead{
		background: #0EC0D5;
		color: #fff;
	}
	table td{
		padding: 10px 0px;
	}	
	table td:nth-child(1){
		width: 15%;
		padding-left: 20px;
	}
	table td:nth-child(2){
		width: 20%;
	}
	table td:nth-child(3){
		width: 15%;
	}
	table td:nth-child(4){
		width: 50%;
	}
	tbody{
		color: #383838;
	}
	.content{
    	text-align: center;
    }
	.content *{
    	width: 95%;
    }
</style>
<body>
	<div style="background: #00B1D7;color: #fff;">
    	<include file="Public:nav" />
	</div>
	<div class="pic">
		<img src="__STATIC__/pc/img/policy.jpg">
	</div>
	<include file="Public:boder" />
	
	
		<div class="bodycenter" >
		
		
	<div class="lianjie">首页>政策文件>{$data.title}</div>
	<div class="lists">
		<table width="100%">
			<thead>
				<tr>
					<td>发布时间</td>
					<td>{$data.create_time|date="Y-m-d",###}</td>
					<td>政策主题</td>
					<td>{$data.title}</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>发布部门</td>
					<td>{$data.department}</td>
					<td>所属地区</td>
					<td>{$data.area}</td>
				</tr>
				<tr>
					<td>发布文号</td>
					<td>{$data.file_num}</td>
					<td>关键字</td>
					<td>{$keyword.keywords}</td>
				</tr>
				<tr>
					<td>发布状态</td>
					<td>
						<if condition="($data.over_time gt time() or ($data.over_time eq 0))">
							公示中<else/>已过公示期
						</if>
					</td>
					<td>有效时间</td>
					<td>
						<if condition="$data.add_content != ''">
							{$data.add_content}
							<elseif condition="$data.over_time eq 0" />
								无限时
							<elseif condition="$data.over_time gt 0" />
								{$data.take_time|date="Y-m-d",###}至{$data.over_time|date="Y-m-d",###}
						</if>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="title1">{$data.title}</div>
	<div class="content">
		{$data.content}
	</div>
<!-- 	<div class="phone" style="margin-left: 40px;">监督电话：83228916、83228902、83228920</div>
	<div class="name" style="margin-top: 15px;">广州市发展和改革委员会</div> -->
	<div class="time" style="margin-top: 15px;">{$data.create_time|date="Y-m-d",###}</div>
	<div class="fujian">
		<span>附件：</span>
		<span style="color: #0072FF;text-decoration: underline;">{$data.file_name}</span>
	</div>
	<div class="fujian" style="margin-top: 25px;">
		<a href="javascript:void(0)" onclick="view()"><span class="btn1">预览</span></a>
		<a href="javascript:void(0)" onclick="down()"><span class="btn2">下载</span></a>
	</div>
	<a href="#" onClick="javascript :history.back(-1);"><div class="back">返回</div></a>
	
	
	</div>
	<include file="Public:footer" />
	<script>
		function view(){
			$.ajax({
                url:"{:url('Policy/pdf_preview_cotinue')}",
                type:'POST',
                data:'',
                async:true,
                success:function(result){
                    if(result.code == '0'){
                        layer.alert(result.msg);
                    }else{
                       	layer.open({
						  type: 2,
						  title: "{$data.file_name}",
						  shadeClose: true,
						  shade: 0.8,
						  area: ['900px', '800px'],
						  content: "{:url('Policy/pdf_preview',array('id'=>$id))}"
						}); 
                    }
                }

            }); 
		}

		function down(){
			$.ajax({
                url:"{:url('Policy/down_continue',array('id'=>$id))}",
                type:'POST',
                data:'',
                async:true,
                success:function(result){
                    if(result.code == '0'){
                        layer.alert(result.msg);
                    }else{
                        document.location.href="{:url('Policy/down_pdf',array('id'=>$id))}";
                    }
                }

            });
		}
	</script>
</body>
</html>